{% extends 'layout.html' %}

{% block content %}
	<div class="container">
		<div style="margin-bottom: 10px">
			{#			target="_blank" 在新页面打开#}
			<a href="/user/update/" class="btn btn-success">
				<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
				添加用户
			</a>

			<a href="/user/m_update/" class="btn btn-success">
				<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
				添加用户modelform
			</a>
		</div>

		<div class="panel panel-default">
			<!-- Default panel contents -->
			<div class="panel-heading">
				<span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
				用户列表
			</div>

			<!-- Table -->
			<table class="table table-bordered">
				<thead>
				<tr>
					<th>ID</th>
					<th>姓名</th>
					<th>密码</th>
					<th>年龄</th>
					<th>余额</th>
					<th>入职时间</th>
					<th>性别</th>
					<th>所属部门</th>
					<th>操作</th>
				</tr>
				</thead>
				<tbody>
				{% for obj in queryset %}
					<tr>
						<th>{{ obj.id }}</th>
						<td>{{ obj.name }}</td>
						<td>{{ obj.password }}</td>
						<td>{{ obj.age }}</td>
						<td>{{ obj.account }}</td>
						<td>{{ obj.creat_time|date:"Y-m-d" }}</td>
						<td>{{ obj.get_gender_display }}</td>
						<td>{{ obj.depart.title }}</td>
						<td>
							<a href="/user/{{ obj.id }}/edit/" class="btn btn-primary btn-xs">编辑</a>
							<a href="/user/{{ obj.id }}/delete/" class="btn btn-danger btn-xs">删除</a>
						</td>
					</tr>
				{% endfor %}

				</tbody>
			</table>
		</div>

		<ul class="pagination">
			{{ page_str }}
		</ul>
	</div>
{% endblock %}